<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>邀请函</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<meta name="MobileOptimized" content="320"/>
<link rel="stylesheet" href="css/common.css" />
</head>
<body>
        <div class="swiper-container" id="mySwiper">
                <div class="swiper-wrapper">
                        <div class="swiper-slide swiper-no-prev">
                                <div class="page" id="page-1">
                                        <div class="full-img auto-x title"><img src="img/1-title.png" /></div>
                                        <div class="tel auto-x"></div>
                                </div>
                        </div>
                        <div class="swiper-slide">
                                <div class="page" id="page-2">
                                        <div class="full-img note"><img src="img/2-note.png" /></div>
                                        <div class="point">
                                                <div class="bo leida"></div>
                                                <h3>标题</h3>
                                        </div>
                                </div>
                        </div>
                        <div class="swiper-slide swiper-no-next">
                                <div class="page" id="page-3">
                                        <div class="full-img auto-x title"><img src="img/3-title.png" /></div>
                                        <div class="tag auto-x">
                                                <div class="tag-1 full-img tag-1-move">在线升级</div>
                                                <div class="tag-2 full-img tag-2-move">抬头显示</div>
                                                <div class="tag-3 full-img tag-3-move">语音操控</div>
                                                <div class="tag-4 full-img tag-4-move">MOBILEYE</div>
                                                <div class="tag-5 full-img tag-5-move">360全景</div>
												<div class="tag-6 full-img tag-6-move">豪华界面</div>
												<div class="tag-7 full-img tag-7-move">PM2.5</div>
												<div class="tag-8 full-img tag-8-move">无线方控</div>
                                        </div>
                                        <div class="full-img auto-x title-2"><img src="img/3-title-2.png" /></div>
                                        <div class="huan-button auto-x">
                                                <div class="huan-rotate-1 full-img auto-x auto-y"><img src="img/3-huan-rotate-1.png" /></div>
                                                <div class="huan-rotate-2 full-img auto-x auto-y"><img src="img/3-huan-rotate-2.png" /></div>
                                                <div class="full-img huan-text auto-x auto-y"><img src="img/3-huan-text.png" /></div>
                                        </div>
										<div class="dong"><img src="img/pointer.png" /></div>
                                </div>
                        </div>
                        <div class="swiper-slide">
                                <div id="wrapper">
                                        <div id="scroller">
                                                <div class="page" id="page-4">
                                                        <div class="text"></div>
                                                </div>
                                        </div>
                                </div>
                        </div>
						
						<div class="swiper-slide">
								<div class="page" id="page-5">
										<div class="text"></div>
								</div>
                        </div>
						
						<div class="swiper-slide">
								<div class="page" id="page-6">
										<div class="text"></div>
								</div>
                        </div>
						
						<div class="swiper-slide">
								<div class="page" id="page-7">
										<div class="text"></div>
								</div>
                        </div>
                       
                        <div class="swiper-slide">
                                <div class="page" id="page-8">
                                        <div class="full-img text"><img src="img/8-text.png" /></div>
                                        <div class="full-img title auto-x"><img src="img/8-title.png" /></div>
                                </div>
                        </div>
                        <div class="swiper-slide swiper-no-next">
                                <div class="page" id="page-9">
                                        <div class="end auto-x auto-y">
                                                <p>赶紧填写资料，莅临智歌科技展位现场！<br>参加各种体验及活动，更有精美礼品赠送</p>
                                                <a class="button auto-x go-form">个人资料填写</a>
                                        </div>
                                </div>
                        
                        </div>
                </div>
        </div>
        <div class="page form">
                <form action="" method="get" class="auto-x">
                        <fieldset>
                                <legend>提交表单</legend>
                                <ul>
										<li>
                                                <label for="who">您是</label>
												<select id="who" name="who" class="inputselect">
													<option value="">&nbsp;请选择</option>
													<option value="合作伙伴">&nbsp;合作伙伴</option>
													<option value="经销商">&nbsp;经销商</option>
													<option value="媒体">&nbsp;媒体</option>
													<option value="车友会会长">&nbsp;车友会会长</option>
												</select>
                                        </li>
                                        <li>
                                                <label for="name">姓 名</label>
                                                <input type="text" id="name" name="name" />
                                        </li>
                                        <li>
                                                <label for="tel">联系电话</label>
                                                <input type="tel" id="tel" name="tel" />
                                        </li>
                                        <li>
                                                <label for="company">公司</label>
                                                <input type="text" id="company" name="company" />
                                        </li>
                                </ul>
                                <input type="submit" value="提 交" class="submit" />
                        </fieldset>
                </form>
        </div>
        <div class="page result">
                <div class="result-div auto-x">
                        <div class="text" style="">
                                <p style="font-size:25px;margin-top:50px;">期待您的莅临!</p>
                        </div>
                </div>
        </div>
        <div class="up"><div class="ups"></div></div>
        
        
        <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="js/idangerous.swiper-2.6.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.transit.min.js"></script>
      <!--  <script type="text/javascript" src="js/parallax.js"></script>
        <script type="text/javascript" src="js/iscroll2.js"></script>-->
        <script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/weixinapi.js"></script>
		<script type="text/javascript">
        WeixinApi.ready(function(Api) {
            // 微信分享的数据
            var data = {"appId":"","imgUrl":"img/zhige.jpg","link":"#","title":"智享未来 九州放歌","desc":"智歌邀各路大咖来站台，香车美女、美食美酒、精美礼品……"},
                data2 = {"appId":"","imgUrl":"img/zhige.jpg","link":"#","title":"智享未来 九州放歌","desc":"智歌邀各路大咖来站台，香车美女、美食美酒、精美礼品……"};
            
            // 分享到朋友圈
            var wxCallbacks = {
                        // 分享操作开始之前
                        ready : function() {

                        },
                        // 分享被用户自动取消
                        cancel : function(resp) {
                                
                        },
                        // 分享失败了
                        fail : function(resp) {
                                
                        },
                        // 分享成功
                        confirm : function(resp) {
                             location.href = "http://sale.jd.com/m/act/nMRLdCpA7I1bTKFh.html";
                        },
                        // 整个分享过程结束
                        all : function(resp) {
                                
                        }
            };
            // 分享给朋友
            var wxCallbacks2 = {
                        // 分享操作开始之前
                        ready : function() {

                        },
                        // 分享被用户自动取消
                        cancel : function(resp) {
                                
                        },
                        // 分享失败了
                        fail : function(resp) {
                                
                        },
                        // 分享成功
                        confirm : function(resp) {
                             location.href = "http://sale.jd.com/m/act/nMRLdCpA7I1bTKFh.html";
                        },
                        // 整个分享过程结束
                        all : function(resp) {
                                
                        }
            };
            // 分享到微博
            var wxCallbacks3 = {
                        // 分享操作开始之前
                        ready : function() {

                        },
                        // 分享被用户自动取消
                        cancel : function(resp) {
                                
                        },
                        // 分享失败了
                        fail : function(resp) {
                                
                        },
                        // 分享成功
                        confirm : function(resp) {
                             location.href = "http://sale.jd.com/m/act/nMRLdCpA7I1bTKFh.html";
                        },
                        // 整个分享过程结束
                        all : function(resp) {
                                
                        }
            };
            Api.shareToTimeline(data2, wxCallbacks);
            Api.shareToFriend(data, wxCallbacks2);
            Api.shareToWeibo(data, wxCallbacks3);
            Api.showOptionMenu();
        });
        </script>
</body>
</html>